<template>
  <div class="feedback">
    <div class="feedback_Tab">
      <div v-if="activeName === '0'">
        <div>
          <el-table
            :max-height="maxheight"
            :data="tableData"
            border
            style="width: 100%"
          >
            <el-table-column fixed prop="propose" label="意见反馈" width="300">
            </el-table-column>
            <el-table-column prop="feedback_name" label="反馈人" width="120">
              <template slot-scope="scope">
                <span>{{ scope.row.feedback_name }}</span>
              </template>
            </el-table-column>
            <el-table-column prop="phone" label="联系方式" width="120">
            </el-table-column>
            <el-table-column prop="create_time" label="反馈时间" width="150">
              <template slot-scope="scope">
                <span v-time="scope.row.create_time"></span>
              </template>
            </el-table-column>
            <el-table-column prop="status" label="状态" width="100">
              <template slot-scope="scope">
                <span>{{ scope.row.status | filterA() }}</span>
              </template>
            </el-table-column>
            <el-table-column prop="follow_up_name" label="跟进人" width="120">
              <template slot-scope="scope">
                <span>{{ scope.row.follow_up_name }}</span>
              </template>
            </el-table-column>
            <el-table-column prop="follow_up_time" label="跟进时间" width="150">
              <template slot-scope="scope">
                <span v-time="scope.row.follow_up_time"></span>
              </template>
            </el-table-column>
            <el-table-column prop="update_time" label="更新时间" width="150">
              <template slot-scope="scope">
                <span v-time="scope.row.update_time"></span>
              </template>
            </el-table-column>
            <el-table-column label="操作" width="100">
              <template slot-scope="scope">
                <el-button
                  data-tracker="P64-1"
                  @click="handleClick(scope.row, 'view')"
                  type="text"
                  size="small"
                  >查看</el-button
                >
                <el-button
                  data-tracker="P64-2"
                  type="text"
                  size="small"
                  @click="handleClick(scope.row, 'follow')"
                  >跟进</el-button
                >
              </template>
            </el-table-column>
          </el-table>
        </div>
        <div style="width: 100%; text-align: right; margin-top: 10px">
          <el-pagination
            background
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="currentPage4"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="20"
            layout="total, sizes, prev, pager, next, jumper"
            :total="Tatal"
          >
          </el-pagination>
        </div>
      </div>
      <div v-if="activeName === '1'">
        <div class="feedheader">
          <div class="header_left">
            <el-button @click="feedderive(1)" type="primary" plain
              >导出</el-button
            >
          </div>
          <div class="header_right">
            <el-button
              type="primary"
              size="mini"
              @click="resultClickFn"
              style="margin: 0px 10px 0px 0px"
              >重置</el-button
            >
            <SettinUp
              :settype="38"
              :objSettinUpdata="objSettinUp"
              key="3"
            ></SettinUp>
          </div>
        </div>
        <div class="table" v-if="header_data_list.length > 0">
          <TableHeader
            ref="TableHeaderList"
            :header_data_list="header_data_list"
            :HeaderData="HeaderData"
            :propMap="propMap"
            :objheader="objheader"
            @childEvent="handleDelete"
            @orderIdNumsEvent="handleDeleteType"
            @handleClickDetail_second="handleClickDetail_second"
            @handleClickEdit_second="handleClickEdit_second"
            :operation_type="operation_type"
            @childEventJupway="handleJumpway"
            particulars="finance_invoice_book_list"
            redact="finance_invoice_book_update"
          ></TableHeader>
        </div>
        <div style="width: 100%; text-align: right; margin-top: 10px">
          <el-pagination
            background
            @size-change="handleSizeChange2"
            @current-change="handleCurrentChange2"
            :current-page="query.page"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="query.page_size"
            layout="total, sizes, prev, pager, next, jumper"
            :total="query.totalListNum2"
          >
          </el-pagination>
        </div>
      </div>
    </div>
    <div>
      <el-dialog
        :title="titletext"
        :visible.sync="dialogVisible"
        width="60%"
        :before-close="handleClose"
      >
        <div style="margin-left: 3%">
          <el-form
            :model="ruleForm"
            :rules="rules"
            ref="ruleForm"
            :label-position="labelPosition"
            class="demo-ruleForm"
            size="small"
          >
            <div v-if="activeName == 0">
              <el-row>
                <el-col :span="8">
                  <el-form-item label="反馈公司:">
                    <span> {{ ruleForm.saas_company_name }}</span>
                  </el-form-item></el-col
                >
                <el-col :span="8">
                  <el-form-item label="反馈人:" prop="name">
                    <span> {{ ruleForm.creator }}</span>
                  </el-form-item></el-col
                >
                <el-col :span="8">
                  <el-form-item label="联系方式:" prop="name">
                    <span> {{ ruleForm.phone }}</span>
                  </el-form-item></el-col
                >
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="反馈时间:" prop="name">
                    <span v-time="ruleForm.create_time"></span> </el-form-item
                ></el-col>
                <el-col :span="8">
                  <el-form-item label="状态:" prop="name">
                    <span> {{ ruleForm.status | filterA }}</span>
                  </el-form-item></el-col
                >
              </el-row>
              <el-row>
                <el-col :span="24">
                  <el-form-item label="意见反馈:" prop="name">
                    <span> {{ ruleForm.propose }}</span>
                  </el-form-item></el-col
                >
              </el-row>
              <el-row v-if="fileList.length > 0">
                <el-col :span="24">
                  <div
                    style="display: flex; margin: 0px 0px 0px 0px"
                    class="imgList"
                    :key="Math.random()"
                  >
                    <div
                      style="
                        min-width: 70px;
                        height: 20px;
                        padding: 0px 5px 0px 0px;
                        color: #606266;
                      "
                    >
                      上传图片&ensp;:
                    </div>
                    <el-upload
                      action
                      :auto-upload="false"
                      list-type="picture-card"
                      :on-preview="handlePreview"
                      :file-list="fileList"
                      :disabled="true"
                    >
                      <i class="el-icon-plus"></i>
                    </el-upload>
                  </div>
                </el-col>
              </el-row>
            </div>
            <div v-if="activeName == 1">
              <el-row>
                <el-col :span="8">
                  <el-form-item label="订单号:">
                    <span> {{ ruleForm.order_no }}</span>
                  </el-form-item></el-col
                >
                <el-col :span="8">
                  <el-form-item label="运单号:">
                    <span> {{ ruleForm.waybill_no }}</span>
                  </el-form-item></el-col
                >
                <el-col :span="8">
                  <el-form-item label="所属区域:" prop="name">
                    <span> {{ ruleForm.customer_area_name }}</span>
                  </el-form-item></el-col
                >
                <el-col :span="8">
                  <el-form-item label="客户名称:" prop="name">
                    <span> {{ ruleForm.customer_name }}</span>
                  </el-form-item></el-col
                >
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="货物包装评价:" prop="name">
                    <!-- <span v-time="ruleForm.goods_package_score_name"></span> -->
                    <span> {{ ruleForm.goods_package_score_name }}</span>
                  </el-form-item></el-col
                >

                <el-col :span="8">
                  <el-form-item label="运输速度评价:" prop="name">
                    <!-- <span v-time="ruleForm.speed_score_name"></span> -->
                    <span> {{ ruleForm.speed_score_name }}</span>
                  </el-form-item></el-col
                >
                <el-col :span="8">
                  <el-form-item label="运输服务评价:" prop="name">
                    <!-- <span v-time="ruleForm.transport_score_name"></span> -->
                    <span> {{ ruleForm.transport_score_name }}</span>
                  </el-form-item></el-col
                >
                <el-col :span="8">
                  <el-form-item label="评价时间:" prop="name">
                    <span v-time="ruleForm.create_time"></span> </el-form-item
                ></el-col>
                <el-col :span="8">
                  <el-form-item label="状态:" prop="name">
                    <span> {{ ruleForm.status | filterA }}</span>
                  </el-form-item></el-col
                >
              </el-row>
              <el-row>
                <el-col :span="24">
                  <el-form-item label="服务评价:" prop="name">
                    <span> {{ ruleForm.propose }}</span>
                  </el-form-item></el-col
                >
              </el-row>
              <el-row v-if="fileList.length > 0">
                <el-col :span="24">
                  <div
                    style="display: flex; margin: 10px 0px 10px 0px"
                    class="imgList"
                    :key="Math.random()"
                  >
                    <div
                      style="
                        min-width: 70px;
                        height: 20px;
                        padding: 0px 5px 0px 0px;
                        color: #606266;
                      "
                    >
                      上传图片&ensp;:
                    </div>
                    <el-upload
                      action
                      :auto-upload="false"
                      list-type="picture-card"
                      :on-preview="handlePreview"
                      :file-list="fileList"
                      :disabled="true"
                    >
                      <i class="el-icon-plus"></i>
                    </el-upload>
                  </div>
                </el-col>
              </el-row>
            </div>
            <el-row>
              <el-col :span="23">
                <el-form-item label="跟进记录:" prop="follow_up_result">
                  <el-input
                    style="margin: 8px 0px 0px 0px"
                    type="textarea"
                    :autosize="{ minRows: 2, maxRows: 4 }"
                    placeholder="请输入内容"
                    v-model="ruleForm.follow_up_result"
                    :disabled="disabledType"
                  >
                  </el-input> </el-form-item
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="8">
                <el-form-item label="跟进人:" prop="name">
                  <span> {{ ruleForm.follow_up_name }}</span>
                </el-form-item></el-col
              >
              <el-col :span="8">
                <el-form-item
                  label="第一次跟进时间:"
                  prop="name"
                  style="width: 400px"
                >
                  <span v-time="ruleForm.follow_up_time"></span> </el-form-item
              ></el-col>
            </el-row>
          </el-form>
        </div>
        <div style="text-align: center">
          <span slot="footer" class="dialog-footer">
            <el-button data-tracker="P64-4" @click="dialogVisible = false"
              >取 消</el-button
            >
            <el-button
              data-tracker="P64-3"
              type="primary"
              @click="followUP('ruleForm')"
              v-if="buttonType == true"
              >确 定</el-button
            >
          </span>
        </div>
      </el-dialog>

      <el-dialog :visible.sync="dialogVisibleimg">
        <img width="100%" :src="dialogImageUrl" alt="" />
      </el-dialog>
    </div>

    <!-- <div>
            <el-table :data="tableData" border style="width: 100%">
                <el-table-column fixed prop="propose" label="意见反馈" width="300">
                </el-table-column>
                <el-table-column prop="creator" label="反馈人" width="120">
                    <template slot-scope="scope">
                        <span>{{scope.row.creator}}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="phone" label="联系方式" width="120">
                </el-table-column>
                <el-table-column prop="create_time" label="反馈时间" width="150">
                    <template slot-scope="scope">
                        <span v-time="scope.row.create_time"></span>
                    </template>
                </el-table-column>
                <el-table-column prop="status" label="状态" width="100">
                    <template slot-scope="scope">
                        <span>{{scope.row.status | filterA() }}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="follow_up_name" label="跟进人" width="120">
                    <template slot-scope="scope">
                        <span>{{scope.row.follow_up_name}}</span>
                    </template>
                </el-table-column>
                <el-table-column prop="follow_up_time" label="跟进时间" width="150">
                    <template slot-scope="scope">
                        <span v-time="scope.row.follow_up_time"></span>
                    </template>
                </el-table-column>
                <el-table-column prop="update_time" label="更新时间" width="150">
                    <template slot-scope="scope">
                        <span v-time="scope.row.update_time"></span>
                    </template>
                </el-table-column>
                <el-table-column  label="操作" width="100">
                    <template slot-scope="scope">
                        <el-button data-tracker="P64-1"  @click="handleClick(scope.row,'view')" type="text" size="small">查看</el-button>
                        <el-button data-tracker="P64-2"  type="text" size="small" @click="handleClick(scope.row,'follow')">跟进</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </div>
        <div style="width: 100%;text-align: right;margin-top: 10px;">
            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
                :current-page="currentPage4" :page-sizes="[10, 20, 30, 40]" :page-size="10"
                layout="total, sizes, prev, pager, next, jumper" :total="Tatal">
            </el-pagination>
        </div>
        <div>
            <el-dialog title="意见反馈" :visible.sync="dialogVisible" width="60%" :before-close="handleClose">
                <div style="margin-left: 3%;">
                    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="labelPosition"
                        class="demo-ruleForm" size="small">
                        <el-row>
                            <el-col :span="8"> <el-form-item label="反馈公司:">
                                    <span> {{ruleForm.saas_company_name}}</span>
                                </el-form-item></el-col>
                            <el-col :span="8"> <el-form-item label="反馈人:" prop="name">
                                    <span> {{ruleForm.creator}}</span>
                                </el-form-item></el-col>
                            <el-col :span="8"> <el-form-item label="联系方式:" prop="name">
                                    <span> {{ruleForm.phone}}</span>
                                </el-form-item></el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8"> <el-form-item label="反馈时间:" prop="name">
                                    <span v-time="ruleForm.create_time"></span>
                                </el-form-item></el-col>
                            <el-col :span="8"> <el-form-item label="状态:" prop="name">
                                    <span> {{ruleForm.status | filterA }}</span>
                                </el-form-item></el-col>

                        </el-row>
                        <el-row>
                            <el-col :span="24"> <el-form-item label="意见反馈:" prop="name">
                                    <span> {{ruleForm.propose}}</span>
                                </el-form-item></el-col>

                        </el-row>
                        <el-row v-if="fileList.length > 0">
                            <el-col :span="24">
                                <div style="display: flex;margin: 10px 0px 10px 0px;" class="imgList" :key="Math.random()">
                                    <div style="min-width: 70px;height: 20px;padding: 0px 5px 0px 0px; color: #606266;">
                                        上传图片&ensp;:
                                    </div>
                                    <el-upload action :auto-upload="false" list-type="picture-card"
                                        :on-preview="handlePreview" :file-list="fileList" :disabled="true">
                                        <i class="el-icon-plus"></i>
                                    </el-upload>

                                </div>

                            </el-col>

                        </el-row>
                        <el-row>
                            <el-col :span="23"> <el-form-item label="跟进记录:" prop="follow_up_result">
                                    <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容"
                                        v-model="ruleForm.follow_up_result" :disabled="disabledType">
                                    </el-input>
                                </el-form-item></el-col>

                        </el-row>
                        <el-row>
                            <el-col :span="8"> <el-form-item label="跟进人:" prop="name">
                                    <span> {{ruleForm.follow_up_name}}</span>
                                </el-form-item></el-col>
                            <el-col :span="8"> <el-form-item label="第一次跟进时间:" prop="name" style="width:400px ;">
                                    <span v-time="ruleForm.create_time"></span>
                                 
                                </el-form-item></el-col>

                        </el-row>
                    </el-form>
                </div>
                <div style="text-align: center;">
                    <span slot="footer" class="dialog-footer">
                        <el-button data-tracker="P64-4" @click="dialogVisible = false">取 消</el-button>
                        <el-button data-tracker="P64-3" type="primary" @click="followUP('ruleForm')" v-if="buttonType == true">确
                            定</el-button>
                    </span>
                </div>

            </el-dialog>

            <el-dialog :visible.sync="dialogVisibleimg">
                <img width="100%" :src="dialogImageUrl" alt="">
            </el-dialog>
        </div> -->
  </div>
</template>

<script>
import {
  feedbackList,
  feedbackDetail,
  feedbackFollow_up,
  feedbackexport,
} from "@/api/message";
import TableHeader from "@/page/orderform/components/TableHeader/tableheader.vue";
import SettinUp from "@/page/orderform/components/settingUp/settingUp.vue";
export default {
  name: "feedback",
  components: { TableHeader, SettinUp },
  data() {
    return {
      maxheight: "auto",
      tableData: [],
      currentPage4: 1,
      dialogVisible: false,
      Tatal: 0,
      pagelist: {
        page: "1",
        page_size: "20",
      },
      ruleForm: {
        follow_up_result: "",
      },
      rules: {
        follow_up_result: [
          { required: true, message: "请输入活动名称", trigger: "blur" },
        ],
      },
      labelPosition: "left",
      disabledType: true,
      buttonType: false,
      valueId: "",
      fileList: [],
      dialogImageUrl: "",
      dialogVisibleimg: false,
      // 动态表头
      currentPage4: 1,
      header_data_list: [],
      propMap: {},
      obj_list: {},
      HeaderData: [],
      waybillIdNums: [],
      activeName: 0,
      query: {
        page: 1,
        page_size: 20,
        totalListNum2: 0,
      },
      operation_type: 2,
      titletext: "反馈",
    };
  },
  filters: {
    filterA(value) {
      if (value == 1) {
        return "已跟进";
      } else if (value == 0) {
        return "未跟进";
      } else {
        return "";
      }
    },
  },
  watch: {
    $route: {
      handler(newV, oldV) {
        if (this.$route.query.type == 0) {
          this.activeName = "0";
          this.TabhandleClick();
        } else if (this.$route.query.type == 1) {
          this.activeName = "1";
          this.TabhandleClick();
        }
      },
      immediate: true,
      deep: true,
    },
  },
  methods: {
    handleClick(value, type) {
      this.dialogVisible = true;
      this.valueId = value.id;
      this.Check(value.id);
      if (type == "view") {
        this.disabledType = true;
        this.buttonType = false;
      } else if (type == "follow") {
        this.disabledType = false;
        this.buttonType = true;
      }
    },
    handleClose() {
      this.dialogVisible = false;
    },
    Check(id) {
      this.fileList = [];
      var param = {
        id: id + "",
      };
      feedbackDetail(param).then((res) => {
        if (res.code == 10000) {
          var urls = res.data.urls;
          this.ruleForm = res.data;
          // console.log(this.ruleForm.goods_package_score_name, "this.ruleForm");
          const result = urls.map((url) => ({ url }));
          this.fileList = result;
        }
      });
    },
    // 意见反馈的列表接口
    ObjfeedbackList() {
      var param = {
        create_id: "", // 反馈人id
        follow_up_id: "", // 跟进人id
        saas_company_id: "", // 反馈公司id
        start_time: "", // 开始时间
        end_time: "", // 结束时间
        type: 0 + "",
        page: this.pagelist.page + "",
        page_size: this.pagelist.page_size + "",
      };
      feedbackList(param).then((res) => {
        if (res.code == "10000") {
          this.tableData = res.data.data;
          if (this.tableData.length > 7) {
            //一排操作栏
            this.maxheight = document.documentElement.clientHeight - 205;
          } else {
            this.maxheight = "auto";
          }
          this.Tatal = res.data.pagination.total * 1;
        }
      });
    },
    handleSizeChange(val) {
      this.pagelist.page_size = val;
      this.ObjfeedbackList();
    },
    handleCurrentChange(val) {
      this.pagelist.page = val;
      this.ObjfeedbackList();
    },
    handlePreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogVisibleimg = true;
    },
    beforeRemove() {},
    handleChange() {},
    handleRemove() {},
    followUP(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          var param = {
            id: this.valueId,
            follow_up_result: this.ruleForm.follow_up_result,
          };
          feedbackFollow_up(param).then((res) => {
            if (res.code == 10000) {
              this.handleClose();
              this.TabhandleClick();
            }
          });
        } else {
          // console.log("error submit!!");
          return false;
        }
      });
    },
    // 页面的切换
    TabhandleClick(val) {
      if (this.activeName == 1) {
        this.ObjfeedbackListTwo();
        this.titletext = "服务评价";
      } else {
        this.ObjfeedbackList();
        this.titletext = "意见反馈";
      }
    },
    ObjfeedbackListTwo() {
      var param = {
        header_id: 38 + "",
        type: 1 + "",
        page: this.query.page + "",
        page_size: this.query.page_size + "",
      };
      feedbackList(param).then((res) => {
        if (res.code == "10000") {
          this.orders = res.data.data || [];
          this.orders.unshift({});
          this.header_data_list = this.orders;
          this.HeaderData = res.data.item_list;
          this.Fntransformation(this.HeaderData);
          this.query.totalListNum2 = res.data.pagination.total * 1;
          // console.log(this.query.totalListNum2);
        }
      });
    },

    objheader(obj) {
      var data = {
        ...obj,
        header_id: 38 + "",
        type: 1 + "",
      };
      this.obj_list = obj;
      feedbackList(data).then((res) => {
        this.header_data_list = res.data.data;
        if (res.code === 10000 && res.data.data !== null) {
          this.header_data_list.unshift({});
          this.query.totalListNum2 = res.data.pagination.total * 1;
        } else {
          this.header_data_list = [{}];
          this.query.totalListNum2 = 0;
        }
      });
    },
    handleDeleteType(value) {
      // console.log(value, "=================");
      this.waybillIdNums = value;
    },
    objSettinUp() {
      this.ObjfeedbackListTwo();
    },
    Fntransformation(obj) {
      const result = {};
      for (const prop in obj) {
        if (obj.hasOwnProperty(prop)) {
          if (obj[prop].send_name !== "") {
            result[obj[prop].name] = obj[prop].show_name;
          } else {
            result[obj[prop].name] = obj[prop].name;
          }
        }
      }
      this.propMap = result;
    },
    handleSizeChange2(val) {
      this.query.page_size = val;
      this.ObjfeedbackListTwo();
    },
    handleCurrentChange2(val) {
      this.query.page = val;
      this.ObjfeedbackListTwo();
    },
    resultClickFn() {
      this.$refs.TableHeaderList.childMethod();
      // this.query.page_size = 10
      // this.query.page = 1
      // this.ObjfeedbackListTwo()
    },
    // 详情
    handleClickDetail_second(val) {
      // console.log(val, "handleClickEdit_second");
      this.handleClick(val, "view");
    },
    // 跟进
    handleClickEdit_second(val) {
      // console.log(val, "handleClickEdit_second");
      this.handleClick(val, "follow");
    },
    handleDelete(index, id, type, typological) {
      // console.log(typological, "typologicatypologicaltypological");
      this.handleJumpDetail(id, type, typological);
    },
    feedderive(type) {
      var param = {
        ...this.obj_list,
        header_id: 38 + "",
        type: type + "",
        ids: this.waybillIdNums.map(Number),
      };
      feedbackexport(param).then((res) => {
        if (res.code === 10000) {
          this.reqUrl = "https://" + res.data.loaded_url;
          window.open(this.reqUrl);
          // this.isLoading = false
        }
      });
    },
    handleJumpDetail(scope, type, typological) {
      // console.log(scope, "scopscopescopee");
      if (typological == "waybill_no") {
        const checkedOrder = scope.waybill_id;
        const id = checkedOrder;
        // console.log(id, "ididididid");
        let text = this.$router.resolve({
          name: "waybillDetail",
          query: { id, activeName: "1" },
        });
        window.open(text.href, "_blank");
      } else if (typological == "order_no ") {
        // this.detailid = id.id;
        // this.addOrder = type;
        // this.$store.commit("ADD_Order", { type: "onlyread" });
      }
    },
    handleJumpway(scope, index) {
      this.handleJump_list(scope, index);
    },
    handleJump_list(scope, index) {
      const waybill_id_list = scope.row.waybill_list || [];

      const id = waybill_id_list[index].waybill_id;
      let text = this.$router.resolve({
        name: "waybillDetail",
        query: { id, activeName: "1" },
      });
      window.open(text.href, "_blank");
    },
  },
  mounted() {
    // 列表接口的调用
    this.TabhandleClick();
  },
};
</script>

<style lang="less" scoped>
.imgList /deep/ .el-upload--picture-card {
  width: 100px;
  height: 100px;
  line-height: 110px;
  display: none;
  /* background: red; */
}

.el-form-item {
  margin-bottom: 10px;
}

.imgList /deep/ .el-upload-list__item {
  width: 100px;
  height: 100px;
  line-height: 110px;
  /* background: red; */
}

.feedback {
  padding: 10px 15px;
  background-color: #fff;
}

/deep/ .feedback_Tab .el-tabs--border-card {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.feedback /deep/ .el-dialog__wrapper {
  top: -12px;
}

.feedheader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.header_right {
  float: right;
  display: flex;
}
</style>